<style type="text/css">
    .Role_permission_Nodecontrolgnqxfooter_open{ float: right;position: relative;top: -30px;left: 10px;color: #39f;}
    .Role_permission_Nodecontrolgnqxmain_open{height:70px;}
</style>
<div id="jisu-selector">
	<img src="/images/loading.gif" ng-hide="menuloading" width="84" height="62" />
    <div class="Role_permission">
    <!--中间-->
   <div class="Role_permission_Nodecontrolgnqx personnelout" style="z-index:99;">
        <!--新增权限按扭-->
        <div class="Role_permission_Nodecontrolgnqxfooter" ng-click="premshow()"><div class="checkboxsxtjtj">+</div><label>增加权限</label></div>
        <!--右侧展开关闭-->
        <div class="Role_permission_Nodecontrolgnqxfooter_open" ng-click="permissionShow = !permissionShow" ng-show="premmenulist.length > 0"> 
            <svg class="icon" aria-hidden="true" ng-if="permissionShow"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-shouqi3-copy" ></use></svg>
            <svg class="icon" aria-hidden="true" ng-if="!permissionShow"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-shouqi2" ></use></svg>
              {{permissionShow?'收起':'展开'}}
        </div>
        <!--数据-->
       <div class="Role_permission_Nodecontrolgnqxmain" style=" overflow:hidden;" ng-class="{'Role_permission_Nodecontrolgnqxmain_open' : !permissionShow }">
           <ul ng-repeat="showitem in premmenulist">
               <div class="Role_permission_Nodecontrolgnqxyiji">
                   {{showitem.title|T}}<div class="close" ng-click="clearItiem($event,showitem)">
                       <span>+</span></div>
               </div>
               <li ng-repeat="showztem in showitem.childroute">
                   <div class="Role_permission_Nodecontrolgnqxmainl">
                       {{showztem.title|T}}</div>
                   <!--权限标题-->
                   <div class="Role_permission_Nodecontrolgnqxmainr">
                       <div ng-repeat="showytem in showztem.btnlist">
                           <input type="checkbox" name="" ng-checked="isChecked(showytem.id)" ng-click="updateSelection($event,showytem)">{{showytem.title|T}}</div>
                   </div>
                   <!--权限内容-->
                   <div class="close" ng-click="clearItiem($event,showztem)">
                       <span>+</span></div>
               </li>
           </ul>
       </div>	
       
    </div>
<div style="position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 9999; " ng-show="xzqshow" ng-click="premclose()"></div>
<div class="selector" ng-show="xzqshow" style="z-index:9999">
	<div class="selectortitle"><i class="iconfont">&#xe650;</i>功能权限<div class="close" ng-click="premclose()" ><span>+</span></div></div>
	<div class="selectormain">
		<form class="selectorsousuo">
			<div class="input-group">
	               <!-- /btn-group -->
	                <input type="text" id="key-text" class="form-control" placeholder="输入关键词，可快速找到所需权限" ng-model="guolu">
					<span class="input-group-addon " ><i class="iconfont"></i></span>
            	</div>
		</form>
		<section class="selectorbody" style="max-height: 500px;">
				<div class="selectorbody_title">
					<div class="selectorbody_titlel"><input type="checkbox"  ng-click="allSelcetion($event)">页面授权</div>
					<div class="selectorbody_titler">功能授权</div>
				</div>
				<div class="selectorbody_main" ng-repeat="item in mymenu | filter:guolu">
                <div class="selectorfirst"><input type="checkbox" ng-checked="isChecked(item.id)" ng-click="updateSelection($event,item)">
                <div class="tree_branch_head" ng-click="toggle(item)" ng-class={active:toggleicon(item.hide)} ></div>
                {{item.title|T}}</div>
                        <div ng-hide="item.hide" class="selectoritem" ng-repeat="ztem in item.childroute | filter:guolu">
							        <ul>
								        <li ng-class="{'active':isChecked(ztem.id)}">
									        <div class="selectoritemtitle"><input type="checkbox" ng-checked="isChecked(ztem.id)"  ng-click="updateSelection($event,ztem)">{{ztem.title|T}}</div>
									        <div class="selectoritemmain">
										        <div ng-repeat="ytem in ztem.btnlist | filter:guolu"><input type="checkbox" ng-checked="isChecked(ytem.id)" ng-click="updateSelection($event,ytem)">{{ytem.title|T}}</div>
									        </div>
								        </li>
                                        </ul>
                          </div>
				</div>
		</section>
	
	</div>
</div>

</div>
